@@include('../00.global/include-header.html')
     
  <body class="page">
  
  
          
    @@include('../00.global/include-loader.html')
    
    

  
  
    <div class="wrapper">
    
        <!-- Header Area
        ============================================= -->      
        <header class="header-area transition">
            
             <div class="header-container transition">
                 <div class="container">
                 
                        @@include('../00.global/include-brand.html')
                        
                        @@include('../00.global/include-menu.html')
                        
                        
                        
                        
                  </div>
                  <!-- .container end -->
                  
                  <div class="clear"></div>
             </div>
        
        </header>
        <div class="header-inner"></div>
      
      
     
        <!-- Content 01
        ====================================================== -->
        <section class="space-none">
            <div class="container t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2 t-c">
                            <h2>Gallery 4 Column</h2>
                            
                        </div>
                    </div>
                    <!-- .row end -->
              
                    
            </div>
            <!-- .container end -->
 
        </section>
     
       
       <!-- Content 02
        ====================================================== -->
        <section class="space-none">
            <div class="container t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2">
                            <div class="nav-filters" id="nav-filters-1">
                                <ul>
                                    <li class="current-cat"><a data-group="all" href="#">All</a></li>
                                    <li><a data-group="web-design" href="#">Web Design</a></li>
                                    <li><a data-group="ui" href="#">UI</a></li>
                                    <li><a data-group="seo" href="#">SEO</a></li>  
                                </ul>
                            </div>
                            <!-- .nav-filters  end -->

                        </div>
                    </div>
                    <!-- .row end -->
            </div>
            <!-- .container end -->
 
        </section>     
        
       <!-- Content 03
        ====================================================== -->
        <section>
            <div class="container t-c">
                   
                   
                 <div class="seamless-grid-container">
                  
						<div class="seamless-grid loop">


								<div class="custom-gallery" data-show-type="" data-filter-id="">

									<div class="custom-gallery-tiles">


										<!-- Item -->
										<div class="seamless-col-1-4 custom-gallery-item" data-groups='["web-design","seo"]'>

											<div class="content">
												<a href="#" class="image" >
													<div class="cover">
														<img src="assets-demo/images/test-img-big-1.jpg" alt="" />
													</div>
												</a>
												<h3>
													<a href="#">Project Title Here</a>
													<span class="title">Full Pjax WordPress Theme</span>
													<span class="category"><a href="#">Free</a></span>
												</h3>
												<div class="link-to t-c transition">
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

												</div>
											</div>



										</div>
										<!--  .custom-gallery-item  end -->  





										<!-- Item -->
										<div class="seamless-col-1-4 custom-gallery-item" data-groups='["web-design"]'>

											 <div class="content">
												<a href="#" class="image" >
													<div class="cover">
														<img src="assets-demo/images/test-img-big-2.jpg" alt="" />
													</div>
												</a>
												<h3>
													<a href="#">Project Title Here - The Long Title Here. The Long Title Here.  The Long Title Here. The Long Title Here. The Long Title Here. </a>
													<span class="title">Full Pjax WordPress Theme</span>
													<span class="category"><a href="#">Free</a></span>
												</h3>
												<div class="link-to t-c transition">
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

												</div>
											</div>



										</div>
										<!--  .custom-gallery-item  end -->             

										<!-- Item -->
										<div class="seamless-col-1-4 custom-gallery-item" data-groups='["web-design"]'>

											<div class="content">
												<a href="#" class="image" >
													<div class="cover">
														<img src="assets-demo/images/test-img-big-3.jpg" alt="" />
													</div>
												</a>
												<h3>
													<a href="#">Project Title Here</a>
													<span class="title">Full Pjax WordPress Theme</span>
													<span class="category"><a href="#">Free</a></span>
												</h3>
												<div class="link-to t-c transition">
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

												</div>
											</div> 



										</div>
										<!--  .custom-gallery-item  end -->  


										 <!-- Item -->
										<div class="seamless-col-1-4 custom-gallery-item" data-groups='["seo"]'>

											<div class="content">

												<a href="#" class="image" >
													<div class="cover">
														<img src="assets-demo/images/test-img-big-4.jpg" alt="" />
													</div>
												</a>
												<h3>
													<a href="#">Project Title Here</a>
													<span class="title">Commerce Theme</span>
													<span class="category"><a href="#">Free</a></span>
												</h3>
												<div class="link-to t-c transition">
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

												</div>
											</div>  



										</div>
										<!--  .custom-gallery-item  end -->  


										<!-- Item -->
										<div class="seamless-col-1-4 custom-gallery-item" data-groups='["ui"]'>

											<div class="content">
												<a href="#" class="image" >
													<div class="cover">
														<img src="assets-demo/images/test-img-big-5.jpg" alt="" />
													</div>
												</a>
												<h3>
													<a href="#">Project Title Here</a>
													<span class="title">Simple WordPress Theme</span>
													<span class="category"><a href="#">Free</a></span>
												</h3>
												<div class="link-to t-c transition">
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

												</div>
											</div> 




										</div>
										<!--  .custom-gallery-item  end -->            

									</div>
									<!-- .custom-gallery-tiles end -->


								</div>
								<!-- .custom-gallery end -->									



						</div>
						<!-- .seamless-grid  end -->     
				</div>
                  <!-- /.seamless-grid-container -->
                   
                   

                      
                    <div class="pagination-container t-c transition">
                        <ul>
                            <li class="previous" data-target-pjax="1"><a class="prev page-numbers" href="#"><i class="fa fa-angle-left"></i></a></li>
                            <li data-target-pjax="1"><a class='page-numbers' href='#'>1</a></li>
                            <li class="active" data-target-pjax="1"><span class='page-numbers current'>2</span></li>
                            <li data-target-pjax="1"><a class='page-numbers' href='#'>3</a></li>
                            <li class="next" data-target-pjax="1"><a class="next page-numbers" href="#"><i class="fa fa-angle-right"></i></a></li>
                        </ul>
                    </div> 
                    <!-- .pagination-container  end -->    
                    
                    
            </div>
            <!-- .container end -->
            
            
            
 
        </section>
        
         
        
        
        <!-- Content 01
        ====================================================== -->
        <section class="space-none">
            <div class="container t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2 t-c">
                            <h2>Gallery 3 Column</h2>
                            
                        </div>
                    </div>
                    <!-- .row end -->
              
                    
            </div>
            <!-- .container end -->
 
        </section>
     
       
       <!-- Content 02
        ====================================================== -->
        <section class="space-none">
            <div class="container t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2">
                            <div class="nav-filters" id="nav-filters-2">
                                <ul>
                                    <li class="current-cat"><a data-group="all" href="#">All</a></li>
                                    <li><a data-group="web-design" href="#">Web Design</a></li>
                                    <li><a data-group="ui" href="#">UI</a></li>
                                    <li><a data-group="seo" href="#">SEO</a></li>  
                                </ul>
                            </div>
                            <!-- .nav-filters  end -->

                        </div>
                    </div>
                    <!-- .row end -->
            </div>
            <!-- .container end -->
 
        </section>     
        
       <!-- Content 03
        ====================================================== -->
        <section>
            <div class="container t-c">
            
            
                 <div class="seamless-grid-container">
                 
						<div class="seamless-grid loop">

								<div class="custom-gallery" data-show-type="" data-filter-id="">

									<div class="custom-gallery-tiles">

										<!-- Item -->
										<div class="seamless-col-1-3 custom-gallery-item" data-groups='["web-design","seo"]'>

										   <div class="content">
												<a href="#" class="image" >
													<div class="cover">
														<img src="assets-demo/images/test-img-big-1.jpg" alt="" />
													</div>
												</a>
												<h3>
													<a href="#">Project Title Here</a>
													<span class="title">Full Pjax WordPress Theme</span>
													<span class="category"><a href="#">Free</a></span>
												</h3>
												<div class="link-to t-c transition">
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

												</div>
											</div>   




										</div>
										<!--  .custom-gallery-item  end -->  





										<!-- Item -->
										<div class="seamless-col-1-3 custom-gallery-item" data-groups='["web-design"]'>

										   <div class="content">
												<a href="#" class="image" >
													<div class="cover">
														<img src="assets-demo/images/test-img-big-2.jpg" alt="" />
													</div>
												</a>
												<h3>
													<a href="#">Project Title Here</a>
													<span class="title">Full Pjax WordPress Theme</span>
													<span class="category"><a href="#">Free</a></span>
												</h3>
												<div class="link-to t-c transition">
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

												</div>
											</div>




										</div>
										<!--  .custom-gallery-item  end -->             

										<!-- Item -->
										<div class="seamless-col-1-3 custom-gallery-item" data-groups='["web-design"]'>

											<div class="content">
												<a href="#" class="image" >
													<div class="cover">
														<img src="assets-demo/images/test-img-big-3.jpg" alt="" />
													</div>
												</a>
												<h3>
													<a href="#">Project Title Here</a>
													<span class="title">Full Pjax WordPress Theme</span>
													<span class="category"><a href="#">Free</a></span>
												</h3>
												<div class="link-to t-c transition">
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

												</div>
											</div>   




										</div>
										<!--  .custom-gallery-item  end -->  


										 <!-- Item -->
										<div class="seamless-col-1-3 custom-gallery-item" data-groups='["seo"]'>

										   <div class="content">
												<a href="#" class="image" >
													<div class="cover">
														<img src="assets-demo/images/test-img-big-4.jpg" alt="" />
													</div>
												</a>
												<h3>
													<a href="#">Project Title Here</a>
													<span class="title">Commerce Theme</span>
													<span class="category"><a href="#">Free</a></span>
												</h3>
												<div class="link-to t-c transition">
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

												</div>

											</div>   


										</div>
										<!--  .custom-gallery-item  end -->  


										<!-- Item -->
										<div class="seamless-col-1-3 custom-gallery-item" data-groups='["ui"]'>

											<div class="content">

												<a href="#" class="image" >
													<div class="cover">
														<img src="assets-demo/images/test-img-big-5.jpg" alt="" />
													</div>
												</a>
												<h3>
													<a href="#">Project Title Here</a>
													<span class="title">Simple WordPress Theme</span>
													<span class="category"><a href="#">Free</a></span>
												</h3>
												<div class="link-to t-c transition">
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

												</div>

											</div>  


										</div>
										<!--  .custom-gallery-item  end -->            


										 <!-- Item -->
										<div class="seamless-col-1-3 custom-gallery-item" data-groups='["seo"]'>

										   <div class="content">
												<a href="#" class="image" >
													<div class="cover">
														<img src="assets-demo/images/test-img-big-4.jpg" alt="" />
													</div>
												</a>
												<h3>
													<a href="#">Project Title Here</a>
													<span class="title">Commerce Theme</span>
													<span class="category"><a href="#">Free</a></span>
												</h3>
												<div class="link-to t-c transition">
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

												</div>

											</div>   


										</div>
										<!--  .custom-gallery-item  end -->  


										<!-- Item -->
										<div class="seamless-col-1-3 custom-gallery-item" data-groups='["ui"]'>

											<div class="content">

												<a href="#" class="image" >
													<div class="cover">
														<img src="assets-demo/images/test-img-big-5.jpg" alt="" />
													</div>
												</a>
												<h3>
													<a href="#">Project Title Here</a>
													<span class="title">Simple WordPress Theme</span>
													<span class="category"><a href="#">Free</a></span>
												</h3>
												<div class="link-to t-c transition">
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

												</div>

											</div>  


										</div>
										<!--  .custom-gallery-item  end -->     


										<!-- Item -->
										<div class="seamless-col-1-3 custom-gallery-item" data-groups='["ui"]'>

											<div class="content">

												<a href="#" class="image" >
													<div class="cover">
														<img src="assets-demo/images/test-img-big-5.jpg" alt="" />
													</div>
												</a>
												<h3>
													<a href="#">Project Title Here</a>
													<span class="title">Simple WordPress Theme</span>
													<span class="category"><a href="#">Free</a></span>
												</h3>
												<div class="link-to t-c transition">
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

												</div>

											</div>  


										</div>
										<!--  .custom-gallery-item  end -->                                             



									</div>
									<!-- .custom-gallery-tiles end -->


								</div>
								<!-- .custom-gallery end -->																


						</div>
						<!-- .seamless-grid  end -->      
				</div>
                  <!-- /.seamless-grid-container -->
            
            


                      
                    <div class="pagination-container t-c transition">
                        <ul>
                            <li class="previous" data-target-pjax="1"><a class="prev page-numbers" href="#"><i class="fa fa-angle-left"></i></a></li>
                            <li data-target-pjax="1"><a class='page-numbers' href='#'>1</a></li>
                            <li class="active" data-target-pjax="1"><span class='page-numbers current'>2</span></li>
                            <li data-target-pjax="1"><a class='page-numbers' href='#'>3</a></li>
                            <li class="next" data-target-pjax="1"><a class="next page-numbers" href="#"><i class="fa fa-angle-right"></i></a></li>
                        </ul>
                    </div> 
                    <!-- .pagination-container  end -->    
                    
                    
            </div>
            <!-- .container end -->
            
            
            
 
        </section>
        
		
       
       
        <!-- Content 01
        ====================================================== -->
        <section class="space-none">
            <div class="container t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2 t-c">
                            <h2>Gallery 2 Column</h2>
                            
                        </div>
                    </div>
                    <!-- .row end -->
              
                    
            </div>
            <!-- .container end -->
 
        </section>
     
       
       <!-- Content 02
        ====================================================== -->
        <section class="space-none">
            <div class="container t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2">
                            <div class="nav-filters" id="nav-filters-3">
                                <ul>
                                    <li class="current-cat"><a data-group="all" href="#">All</a></li>
                                    <li><a data-group="web-design" href="#">Web Design</a></li>
                                    <li><a data-group="ui" href="#">UI</a></li>
                                    <li><a data-group="seo" href="#">SEO</a></li>  
                                </ul>
                            </div>
                            <!-- .nav-filters  end -->

                        </div>
                    </div>
                    <!-- .row end -->
            </div>
            <!-- .container end -->
 
        </section>     
        
       <!-- Content 03
        ====================================================== -->
        <section>
            <div class="container t-c">
            
            
                 <div class="seamless-grid-container">
                  
						<div class="seamless-grid loop">


								<div class="custom-gallery" data-show-type="" data-filter-id="">

									<div class="custom-gallery-tiles">

										<!-- Item -->
										<div class="seamless-col-1-2 custom-gallery-item" data-groups='["web-design","seo"]'>

											<div class="content">
												<a href="#" class="image" >
													<div class="cover">
														<img src="assets-demo/images/test-img-big-1.jpg" alt="" />
													</div>
												</a>
												<h3>
													<a href="#">Project Title Here</a>
													<span class="title">Full Pjax WordPress Theme</span>
													<span class="category"><a href="#">Free</a></span>
												</h3>
												<div class="link-to t-c transition">
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

												</div>      
											</div>



										</div>
										<!--  .custom-gallery-item  end -->  





										<!-- Item -->
										<div class="seamless-col-1-2 custom-gallery-item" data-groups='["web-design"]'>

											<div class="content">
												<a href="#" class="image" >
													<div class="cover">
														<img src="assets-demo/images/test-img-big-2.jpg" alt="" />
													</div>
												</a>
												<h3>
													<a href="#">Project Title Here</a>
													<span class="title">Full Pjax WordPress Theme</span>
													<span class="category"><a href="#">Free</a></span>
												</h3>
												<div class="link-to t-c transition">
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

												</div>
											</div>



										</div>
										<!--  .custom-gallery-item  end -->             

										<!-- Item -->
										<div class="seamless-col-1-2 custom-gallery-item" data-groups='["web-design"]'>

											<div class="content">
												<a href="#" class="image" >
													<div class="cover">
														<img src="assets-demo/images/test-img-big-3.jpg" alt="" />
													</div>
												</a>
												<h3>
													<a href="#">Project Title Here</a>
													<span class="title">Full Pjax WordPress Theme</span>
													<span class="category"><a href="#">Free</a></span>
												</h3>
												<div class="link-to t-c transition">
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
												   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

												</div>

											</div>


										</div>
										<!--  .custom-gallery-item  end -->  





									</div>
									<!-- .custom-gallery-tiles end -->


								</div>
								<!-- .custom-gallery end -->

						</div>
						<!-- .seamless-grid  end -->      
				</div>
                  <!-- /.seamless-grid-container -->
            
            


                    <div class="pagination-container t-c transition">
                        <ul>
                            <li class="previous" data-target-pjax="1"><a class="prev page-numbers" href="#"><i class="fa fa-angle-left"></i></a></li>
                            <li data-target-pjax="1"><a class='page-numbers' href='#'>1</a></li>
                            <li class="active" data-target-pjax="1"><span class='page-numbers current'>2</span></li>
                            <li data-target-pjax="1"><a class='page-numbers' href='#'>3</a></li>
                            <li class="next" data-target-pjax="1"><a class="next page-numbers" href="#"><i class="fa fa-angle-right"></i></a></li>
                        </ul>
                    </div> 
                    <!-- .pagination-container  end -->    
                    
                    
            </div>
            <!-- .container end -->
            
            
            
 
        </section>
        
        
        @@include('../00.global/include-copyright.html')
        
        
    </div>
    <!-- .wrapper end -->
       
       
    @@include('../00.global/include-footer.html')

